﻿@model HotelManager.WebUI.Models.BookingModel

@{
    ViewBag.Title = "Index";
}

<!--main content-->
<div class="content clearfix">
    <!--breadcrumbs-->
    <nav role="navigation" class="breadcrumbs clearfix">
        <!--top right navigation-->
        <ul class="top-right-nav">
            <li><a href="@Url.Action("SearchHotel", "Search")" title="Back to results">Back to results</a></li>
            <li class="last"><a href="@Url.Action("Index", "Home")" title="Change search">Change search</a></li>
        </ul>
        <!--//top right navigation-->
    </nav>
    <!--//breadcrumbs-->

    <!--three-fourth content-->
    <section class="three-fourth">
        @using (Html.BeginForm("Index", "Booking"))
        {
            <div class="booking">
                <h3>Booking info</h3>
                <div class="row twins">
                    <div class="f-item active">
                        <label for="first_name">First name</label>
                        @Html.TextBoxFor(x => x.FirstName)
                        @Html.ValidationMessageFor(x => x.FirstName)
                    </div>
                    <div class="f-item last">
                        <label for="last_name">Last name</label>
                        @Html.TextBoxFor(x => x.LastName)
                        @Html.ValidationMessageFor(x => x.LastName)
                    </div>
                </div>

                <div class="row twins">
                    <div class="f-item">
                        <label for="email">Address</label>
                        @Html.TextBoxFor(x => x.Address)
                        @Html.ValidationMessageFor(x => x.Address)
                    </div>
                    <div class="f-item">
                        <label for="confirm_email">Phone number</label>
                        @Html.TextBoxFor(x => x.PhoneNumber)
                        @Html.ValidationMessageFor(x => x.PhoneNumber)
                    </div>
                    <span class="info">You’ll receive a confirmation email</span>
                </div>

                <div class="row twins">
                    <div class="f-item">
                        <label for="address">Email</label>
                        @Html.TextBoxFor(x => x.Email)
                        @Html.ValidationMessageFor(x => x.Email)
                    </div>
                    <div class="f-item last">
                        <label for="city">Number of Rooms</label>
                        @Html.TextBoxFor(x => x.NumberOfRoom)
                        @Html.ValidationMessageFor(x => x.NumberOfRoom)
                    </div>
                    <span class="info">There are @Model.RoomInfo.AvailableQuantity rooms available</span>
                </div>

                <div class="row">
                    <div class="f-item">
                        <label>Special requirements: <span>(Not Guaranteed)</span></label>
                        @Html.TextAreaFor(x => x.SpecialRequirement)
                    </div>
                    <span class="info">Please write your requests in English.</span>
                </div>
                @Html.ValidationSummary(true)
                <input type="submit" class="gradient-button" value="Book" />
            </div>
        }
    </section>
    <!--//three-fourth content-->

    @Html.Partial("_RightBarPartial", Model.RoomInfo)

</div>
<!--//main content-->
